<!DOCTYPE html>
<html>
	<!-- 业务员-个人中心 -->
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<link rel="stylesheet" type="text/css" href="../../static/public/css/personal.css" />
		<script src="../../static/public/js/jquery.min.js"></script>
		<script>
			$(function() {
				var username = $('.username').text();
				$('.edit').click(function(event){
					$('input[name="edit-username"]').val(username);
					$('input[name="edit-username"]').show();
					$('.username').hide();
				});
				$('.ava').click(function(event){
					if(event.target==this){
						$('input[name="edit-username"]').hide();
						$('.username').html(username);
						$(this).attr('data-edit',0)
						$('.username').show();
					}
				});
				$('input[name="edit-username"]').bind('input porpertychange',function(){
					username = $(this).val();
				});
			})
		</script>
		<style>
			.personal .list .icon {
				width: 4.5vw;
				height: 4.5vw;
				margin-right: 3vw;
			}
			.personal .top {
				width: 100%;
				height: 52vw;
				background-image: url("../../static/images/personal/ywypersonimg.png");
				background-size: 100% 100%;
			}
			.reddian{
			width: 6px;
			height: 6px;
			border-radius: 50%;
			background: #F43531;
			position: absolute;
			top: 4vw;
			left: 26vw;
			}
		</style>
	</head>
	<body>
		<div class="personal">
			<div class="top">
				<div class="ava">
					<img src="../../static/images/gun1.jpg" class="personalava" />
					<div class="nameedit">
						<div class="username" id="noedit">用户名</div>
						<input name="edit-username" type="text" value="" id="edit" style="display: none;" />
						<img src="../../static/images/personal/editimg.png" class="edit">
					</div>
				</div>
			</div>
			<div class="midd">
				<div class="midpadd" style="border-right: 0.1px solid #eeeeee;">
					<div class="cishu">
						<div class="num" style="color:#FFC000;">66</div>
						<div class="numdanwei" style="color:#FFC000;">分</div>
					</div>
					<div class="score">
						<div class="tit">我的分数</div>
						<img src="../../static/images/personal/wenhao.png" class="wenhao" />
					</div>

				</div>

				<div class="midpadd">
					<div class="cishu">
						<div class="num">12</div>
						<div class="numdanwei">家</div>
						<div class="notice">有更新</div>
					</div>
					<div class="tit">我的关注</div>
				</div>
			</div>

			<div class="list" style="margin-top: 15.5vw;">
				<div class="right">
					<img src="../../static/images/personal/a@3x.png" class="icon" />
					<div>签约服务</div>
				</div>
				<img src="../../static/images/personal/gengduo@3x.png" class="arro" />
			</div>
			<div class="list">
				<div class="right">
					<img src="../../static/images/personal/b@3x.png" class="icon" style="width: 4vw;height: 3.8vw;" />
					<div>客户档案</div>
				</div>
				<img src="../../static/images/personal/gengduo@3x.png" class="arro" />
			</div>
			<div class="list">
				<div class="right">
					<img src="../../static/images/personal/c@3x.png" class="icon" />
					<div>我的佣金</div>
				</div>
				<img src="../../static/images/personal/gengduo@3x.png" class="arro" />
			</div>
			<div class="list">
				<div class="right">
					<img src="../../static/images/personal/d@3x.png" class="icon" />
					<div>公海资源</div>
				</div>
				<img src="../../static/images/personal/gengduo@3x.png" class="arro" />
			</div>

			<div class="list">
				<div class="right">
					<img src="../../static/images/personal/e@3x.png" class="icon" />
					<div>看铺预约</div>
				</div>
				<img src="../../static/images/personal/gengduo@3x.png" class="arro" />
			</div>

			<div class="list" style="margin-top: 4vw;position: relative;">
				<div class="right">
					<img src="../../static/images/personal/f@3x.png" class="icon" style="width: 4.9vw;" />
					<div class="reddian"></div>
					<div>我的客户</div>
				</div>
				<div class="right">
					<img src="../../static/images/personal/gengduo@3x.png" class="arro" />
				</div>
			</div>
			<div class="list">
				<div class="right">
					<img src="../../static/images/personal/g@3x.png" class="icon" style="width: 4.9vw;" />
					<div>跟单助手</div>
				</div>
				<div class="right">
					<img src="../../static/images/personal/gengduo@3x.png" class="arro" />
				</div>

			</div>
		</div>
	</body>
</html>
